﻿.draglist{border:1px solid #333}
.drsElement{position:absolute;border:0px solid #333}
.drsMoveHandle{height:20px;border-bottom:0px solid #666;background-color:#ccc;cursor:move}
.dragresize{position:absolute;width:3px;height:3px;border:0px solid rgba(100,100,100,0.9);background:#00a5c1;font-size:1px}
.dragresize-tl{top:-1px;left:-1px;cursor:nw-resize}
.dragresize-tm{top:-1px;left:3px;margin-left:-4px;width:100%;cursor:n-resize;border:0px 0px 0px 1px}
.dragresize-tr{top:-1px;right:-1px;cursor:ne-resize}
.dragresize-ml{left:-1px;cursor:w-resize}
.dragresize-ml,.dragresize-mr{top:3px;margin-top:-4px;height:100%}
.dragresize-mr{right:-1px;cursor:e-resize}
.dragresize-bl{bottom:-1px;left:-1px;cursor:sw-resize}
.dragresize-bm{bottom:-1px;left:3px;margin-left:-4px;width:100%;cursor:s-resize}
.dragresize-br{right:-1px;bottom:-1px;cursor:se-resize}
.dragresize-pan{right:-1px;bottom:-1px;left:0px;top:0px;width:100%;height:100%;opacity:0.2;cursor:move}

.dragresize-remove{top:0px;right:0px;width:20px;height:20px;cursor:pointer; background:#00c1de url(../app/img/icon-trash.png) center no-repeat; background-size:80% auto; }
.dragresize-lf{top:0px;right:20px;width:20px;height:20px;cursor:pointer; background:#00c1de url(../app/img/icon-right.png) center no-repeat; background-size:80% auto; }
.dragresize-ll{top:0px;right:40px;width:20px;height:20px;cursor:pointer; background:#00c1de url(../app/img/icon-left.png) center no-repeat; background-size:80% auto; }
.dragresize-lt{top:0px;right:60px;width:20px;height:20px;cursor:pointer; background:#00c1de url(../app/img/icon-top.png) center no-repeat; background-size:80% auto; }
.dragresize-lb{top:0px;right:80px;width:20px;height:20px;cursor:pointer; background:#00c1de url(../app/img/icon-bottom.png) center no-repeat; background-size:80% auto; }

.dragresize-remove:hover,.dragresize-lf:hover,.dragresize-ll:hover,.dragresize-lt:hover,.dragresize-lb:hover{ background-color: #419bf9;  }

.dragresize-content{right:-1px;bottom:-1px;left:0px;top:0px;width:100%;height:100%;cursor:move}